<template>
  <view class="my-container">
    
        <!-- 用户未登录时，显示登录组件 -->
        <my-login v-if="!token"></my-login>
    
        <!-- 用户登录后，显示用户信息组件 -->
        <my-userinfo v-else></my-userinfo>
  </view>
</template>

<script>
 // 导入自己封装的 mixin 模块
 import badgeMix from '@/mixins/tabbar-badge.js'
 import { mapState } from 'vuex'
 export default {
   // 将 badgeMix 混入到当前的页面中进行使用
   mixins: [badgeMix],
   // 省略其它代码...
    computed: {
       // 2. 从 m_user 模块中导入需要的 token 字符串
       ...mapState('user', ['token']),
     },
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss">
.my-container {
  height: 100%;
}
</style>
